<style>
	html{
		background-color:#F3F3F3;
	}
</style>

<!-- 头部 -->
<div class="home_header">
	<div class="header_box">
		<img ng-src="images/logo.png" />
		<span>曾教授移植网</span>
	</div>
</div>

<!-- banner -->
<div class="normal_box">
	<div class="swiper-container">
		<div class="swiper-wrapper">
	      <div class="swiper-slide home_banner">
	        <img ng-src="{{'images/banner1.jpg'}}">
	      </div>
		</div>
	    <div class="swiper-pagination"></div>
	</div>
</div>

<!-- box -->
<div class="normal_box pd10 bg_white">
	<div class="normal_box fl width_25 h90" ng-click="gotoCenterIntro()">
		<div class="home_box1">
			<img src="images/zhongxinjieshao.png" />
		</div>
		<p class="home_box_span">中心介绍</p>
	</div>

	<div class="normal_box fl width_25 h90" ng-click="gotoAppointment()">
		<div class="home_box2">
			<img src="images/jiuzhenyuyue-shouye.png" />
		</div>
		<p class="home_box_span">就诊预约</p>
	</div>

	<div class="normal_box fl width_25 h90" ng-click="gotoOnline()">
		<div class="home_box3">
			<img src="images/zaixianwenda.png" />
		</div>
		<p class="home_box_span">在线问答</p>
	</div>

	<div class="normal_box fl width_25 h90" ng-click="gotoContactUs()">
		<div class="home_box4">
			<img src="images/lianxiwomen.png" />
		</div>
		<p class="home_box_span">联系我们</p>
	</div>
</div>

<!-- 灰线 -->
<div class="gray_line"></div>

<!-- middle_box -->
<div class="home_middle pd10">
	<div class="home_middle_half pr2_5 fl" ng-click="gotoKonwNdz()">
		<div class="home_middle_main">
			了解尿毒症
			<img src="images/liaojieniaoduzheng.png" />
		</div>
	</div>
	<div class="home_middle_half pl2_5 fl" ng-click="gotoKonwKidneytp()">
		<div class="home_middle_main">
			了解肾移植
			<img src="images/liaojieshenyizhi.png" />
		</div>
	</div>

	<div class="home_middle_half pr2_5 fl mt5" ng-click="gotoKitneytpProcess()">
		<div class="home_middle_main">
			肾移植过程
			<img src="images/shenyizhiguocheng.png" />
		</div>
	</div>
	<div class="home_middle_half pl2_5 fl mt5" ng-click="gotoGongyi()">
		<div class="home_middle_main">
			儿童公益
			<img src="images/ertonggongyi.png" />
		</div>
	</div>
</div>

<!-- 灰线 -->
<div class="gray_line"></div>

<!-- 新闻中心 -->
<div class="normal_box bg_white">
	<div class="home_news_header perfect_border_bottom">
		<span class="home_news_header_span fl">新闻中心</span>
		<span class="home_news_header_more fr" ng-click="gotoNewsCenter()">查看更多</span>
	</div>

	<div class="home_news_pro perfect_border_bottom" ng-repeat="list in news" ng-click="gotoNewsDetail(list.id)">
		<img ng-src="{{fullPath(list.cover_path)}}" class="home_news_pro_img">
		<div class="normal_box">
			<p class="span_line1 home_news_line1">{{list.title}}</p>
			<p class="home_news_line2">
				<i class="iconfont icon-riqi greenf fl"></i>
				<span class="ml5" ng-bind="list.date*1000 | date:'yyyy-MM-dd'"></span>
			</p>
			<p class="span_line2 home_news_line3" ng-bind-html="list.content" style="overflow: hidden;height: 32px;"></p>
		</div>
	</div>
</div>

<div class="normal_box h50"></div>

<!-- footer -->
<div class="home_foot perfect_border_top">
	<div class="foot_pro" ng-class="{'foot_chosen':foot_tag == 0}" ng-click="change_foot(0)">
		<div class="foot_pro_icon">
			<i class="iconfont icon-shouye-1"></i>
		</div>
		<p class="foot_pro_span f11">首页</p>
	</div>

	<div class="foot_pro" ng-class="{'foot_chosen':foot_tag == 1}" ng-click="change_foot(1)">
		<div class="foot_pro_icon">
			<i class="iconfont icon-jiuzhenfuwu-1"></i>
		</div>
		<p class="foot_pro_span f11">就诊服务</p>
	</div>

	<div class="foot_pro" ng-class="{'foot_chosen':foot_tag == 2}" ng-click="change_foot(2)">
		<div class="foot_pro_icon">
			<i class="iconfont icon-huanzhezhongxin-1"></i>
		</div>
		<p class="foot_pro_span f11">患者中心</p>
	</div>
</div>